<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@ taglib uri="http://www.opensymphony.com/sitemesh/decorator"
	prefix="decorator"%>
<!DOCTYPE html >
<html lang="en">
<head>
<title>天天点餐</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript"
	src="${pageContext.request.contextPath}/static/docs/js/jquery.js"></script>
<script type="text/javascript"
	src="${pageContext.request.contextPath}/static/docs/js/page_common.js"></script>
<link
	href="${pageContext.request.contextPath}/static/docs/css/common_style_blue.css"
	rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/static/docs/css/index_1.css" />


<style type="text/css">
body {
	margin: 0;
}

img {
	vertical-align: inherit;
	border: 0;
}

a:link, a:hover, a:visited {
	color: #A9DCFF;
	text-decoration: none;
}

#StatusBar {
	background-color: #4386B7;
	border-top: 1px solid #FFFFFF;
	height: 19px;
	width: 100%;
}

#StatusBar #StatusBar_Links {
	color: #A9DCFF;
	float: left;
	font-family: "宋体";
	font-size: 12px;
	padding-left: 20px;
	padding-top: 3px;
}

#StatusBar #StatusBar_Right {
	color: #A9DCFF;
	float: right;
	font-family: "宋体";
	font-size: 12px;
	padding-right: 20px;
	padding-top: 4px;
}
</style>


<script>
	function del() {
		if (!confirm("确认要删除？")) {
			window.event.returnValue = false;
		}
	}
</script>
<script type="text/javascript">
	// 显示或隐藏二级菜单 
	function menuClick(menuDiv) {
		$(".MenuLevel2").not($(menuDiv).next()).hide();
		$(menuDiv).next().toggle();
	}

	$(function() {
		// 默认只显示第1个二级菜单
		$(".MenuLevel2").hide();
		$(".MenuLevel2:first").show();
	});
</script>
<!-- 内容总宽度为 3px边框 * 2 + 155px内容 = 161px; -->
<style type="text/css">
<!--
html {
	height: 100%;
}

body {
	background: none repeat scroll 0 0 #D8EDFC;
	margin: 0;
	padding: 0;
}

#Menu {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 100%;
	background: none repeat scroll 0 0 #D8EBF7;
	list-style: none outside none;
	margin-left: 3px;
	border-top: 3px solid #4891C6;
}

#Menu .level1 {
	color: #005790;
	font-weight: bold;
	padding-bottom: 1px;
	cursor: pointer;
}

#Menu .level1 .level1Style {
	background:
		url("${pageContext.request.contextPath}/static/docs/images/img/menu_btn_bg.gif")
		no-repeat scroll 0 0 transparent;
	height: 23px;
	padding-left: 20px;
	padding-top: 5px;
	width: 135px;
	margin-bottom: -4px
}

#Menu .level1 .level1Style .Icon {
	margin-top: -2px;
}

#Menu .level1 .MenuLevel2 {
	background: none repeat scroll 0 0 #D8EBF7;
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

#Menu .level1 .MenuLevel2 .level2Style {
	color: #005790;
	font-weight: normal;
	border-top: 1px solid #EFF6FB;
	height: 18px;
	padding-left: 43px;
	padding-top: 5px;
	width: 112px;
	background-image:
		url(${pageContext.request.contextPath}/static/docs/images/img/menu_arrow_single.gif);
	background-color: #8EC4E9;
	background-repeat: no-repeat;
	background-position: 29px center;
}
-->
</style>


<style type="text/css">
<!--
body {
	margin: 0;
}

#Head_1 {
	background:
		url("${pageContext.request.contextPath}/static/docs/images/img/top_head1_bg.gif")
		repeat-x scroll 0 0 transparent;
	height: 64px;
	margin: 0 auto;
	width: 100%;
}

#Head_1 #Head_1_Logo {
	float: left;
	left: 20px;
	position: absolute;
	top: 12px;
	color: #F1F9FE;
	font-family: Arial Black, Arial;
	font-size: 28px;
}

#Head_1 #Head_1_UserWelcome {
	float: right;
	color: #B3E1FF;
	font-family: "宋体";
	font-size: 12px;
	height: 25px;
	padding-top: 11px;
	margin-right: 20px;
}

#Head_1 #Head_1_FunctionButton {
	float: left;
	position: absolute;
	right: 5px;
	top: 35px;
	margin-right: 15px;
}

#Head_1 #Head_1_FunctionButton img {
	margin-left: 10px;
}

#Head_2 {
	background:
		url("${pageContext.request.contextPath}/static/docs/images/img/top_head2_bg.gif")
		repeat-x scroll 0 0 transparent;
	border-bottom: 1px solid #FFFFFF;
	border-top: 1px solid #A0C6E1;
	height: 36px;
	margin: 0;
	width: 100%;
}

#Head_2 #Head2_Awoke {
	float: left;
	height: 100%;
	padding-left: 19px;
	padding-top: 2px;
}

#Head_2 #Head2_Awoke #AwokeNum {
	position: absolute;
	left: 20px;
	top: 68px;
	width: 406px;
	/*height: 21px;*/
	margin-top: 0;
	padding: 0;
	padding-top: 2px;
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
}

#Head_2 #Head2_Awoke #AwokeNum li {
	float: left;
	margin: 3px;
	display: inline;
}

#Head_2 #Head2_Awoke #AwokeNum a {
	color: #FFFFFF;
	font-family: "宋体";
	font-size: 12px;
	text-decoration: none;
}

#Head_2 #Head2_Awoke #AwokeNum .Line {
	border-left: 1px solid #005A98;
	border-right: 1px solid #A0C6E1;
	height: 17px;
	width: 0px;
}

#Head_2 #Head2_FunctionList, .Head2_FunctionList {
	color: #FFFFFF;
	float: right;
	font-family: "宋体";
	font-size: 13px;
	height: 100%;
	padding-right: 26px;
	padding-top: 10px;
}
-->
</style>

<script>
	function del() {
		if (!confirm("确认要删除？")) {
			window.event.returnValue = false;
		}
	}
</script>

</head>
<body class="no-skin">


	<!-- 上部 -->
	<div id="Head_1">
		<!-- 标题 -->
		<div id="Head_1_Logo">
			<b style="font-family: '黑体'">天天点餐</b>
			<!-- <img border="0" src="${pageContext.request.contextPath}/static/docs/images/logo.png" /> -->
		</div>
		<!-- 欢迎用户的文字 -->
		<div id="Head_1_UserWelcome">
			<img border="0" width="13" height="14"
				src="${pageContext.request.contextPath}/static/docs/images/user.gif" />
			您好，<b>管理员</b>
		</div>
		<!-- 一些链接按钮 -->
		<div id="Head_1_FunctionButton">
			<a target="_parent" href="${pageContext.request.contextPath}/logout"> <img width="78"
				height="20" alt="退出系统"
				src="${pageContext.request.contextPath}/static/docs/images/logout.gif" />
			</a>
		</div>
	</div>
	<!-- 下部 -->
	<div id="Head_2">
		<!-- 任务提醒 -->
		<div id="Head2_Awoke">
			<ul id="AwokeNum">

			</ul>
		</div>


		<table width="100%">
		<tr>
			<td	height="100px">
				<ul id="Menu">
					<li class="level1">

						<div onClick="menuClick(this);" class="level1Style">
							<img
								src="${pageContext.request.contextPath}/static/docs/images/func20001.gif"
								class="Icon" /> 系统菜单

						</div>
						<ul class="MenuLevel2">
							<li class="level2 level2Style"><a target="right"
								href="${pageContext.request.contextPath}/tables">餐桌管理</a></li>
							<li class="level2 level2Style"><a target="right"
								href="${pageContext.request.contextPath}/foodTypes">菜系管理</a></li>
							<li class="level2 level2Style"><a target="right"
								href="${pageContext.request.contextPath}/foods">菜品管理</a></li>
							<li class="level2 level2Style"><a target="right"
								href="${pageContext.request.contextPath}/orders">餐厅订单</a></li>
						</ul>

					</li>

				</ul>

			</td>
			<td width="90%"><decorator:body /></td>
</tr>
		</table>
		<div id="StatusBar">
			<!-- 链接 -->
			<div id="StatusBar_Links" algin="center">
				<a href="http://gz.itcast.cn" target="_blank">愛浦京项目班</a>
			</div>
			<!-- 右侧功能按钮 -->
			<div id="StatusBar_Right">
				<!-- 版本 -->
				<a href="javascript:void(0)"> <img border="0" width="11"
					height="11"
					src="${pageContext.request.contextPath}/static/docs/images/info.gif" />
					<img border="0" width="40" height="11"
					src="${pageContext.request.contextPath}/static/docs/images/version.gif" />
				</a>
			</div>
		</div>
</body>
</html>
